<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript"
	src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX&amp;services=&amp;t=20180323171755"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<style type="text/css">
td {
	border-bottom: 1px solid #d6d6d6;
	font-size: 18px;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

#detailInspectPanel td {
	border-bottom: 1px solid #d6d6d6;
	font-size: 18px;
}

.div1 {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 90%;
	margin: auto;
	height: auto;
}

.div-time {
	font-family: PingFangSC-Regular;
	background: #e9e9e9;
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	text-align: justify;
	line-height: 50px;
}

.div-type {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #666666;
	letter-spacing: 0;
	text-align: justify;
	margin-left: 20px;
}

.div-inline {
	display: inline;
	font-family: PingFangSC-Regular;
	text-align: justify;
	color: #999999;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	float: left;
}
</style>
</head>
<body>
	<div data-role="page" id="pageone">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome" href="/wcsi/ui/bussinessmain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<h1>信息核查</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>

		<input type="hidden" id="identify" th:value="${bussinessId}" />

		<div data-role="content" id="mainContent">
		
			<div th:if="${id != ''}">
				<input id="checkId" name="id" type="hidden" th:value="${id}" />
			</div>
			<input id="lng" name="lng" type="hidden" /> <input id="lat"
				name="lat" type="hidden" /> <input id="inspectionIdList"
				name="inspectionIdList" type="hidden" th:value="${inspectionIdList}" />
			
			<div data-role="collapsible" data-collapsed="false"
				data-collapsed-icon="carat-d" data-expanded-icon="carat-u"
				data-inset="false">
				<h3>遗留问题</h3>
				<ul data-role="listview" id="checkeprob">
				</ul>
			</div>
			<div style="display: none">
				<fieldset data-role="fieldcontain">

					<select name="bussinessId" id="bussinessId"
						data-native-menu="false">
						<option th:value="${bussinessId}">这里有没有都关系</option>
					</select>
				</fieldset>
			</div>
			<div>
			<table data-role="table" width="100%" data-mode="columntoggle:none"
				 data-column-btn-theme="e"
				data-column-popup-theme="c">
				<tbody>
				<tr>
						<td colspan="2">
						<label style="color: #999999;">遗留问题</label>
						</td>
					</tr>
					</tbody>
					</table>
					<select id="myselect" name="myselect" data-native-menu="false"
				multiple="multiple">
				<option value="choose" data-placeholder="true">选择遗留问题</option>
			</select>
				<table data-role="table" width="100%" data-mode="columntoggle:none"
					data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
					<!-- class="ui-body-c ui-responsive ui-shadow" -->
					<!-- <thead class="pearlHeading">
						<tr>
							<th width="30%"></th>
							<th height="50%"></th>
						</tr>
					</thead> -->
					<tbody>
						<tr>
							<td colspan="2"><label
								style="color: #999999; margin-top: 30px;">其他存在问题</label></td>
						</tr>
						<tr>
							<td colspan="2"><textarea data-clear-btn="true" type="text"
									name="checkCondition" id="checkCondition"
									placeholder="请填写存在的问题"></textarea> <label
								style="color: #999999; margin-top: 30px;">整改情况</label></td>
						</tr>
						<tr>
							<td colspan="2"><textarea data-clear-btn="true" type="text"
									name="rectifyCondition" id="rectifyCondition"
									placeholder="请填写整改情况"></textarea> <label
								style="color: #999999; margin-top: 30px;">备注</label></td>
						</tr>
						<tr>
							<td colspan="2"><textarea data-clear-btn="true" type="text"
									name="remark" id="remark" placeholder="请填写整改情况"></textarea> <label
								style="color: #999999; margin-top: 30px;">添加图片</label></td>
						</tr>
						<tr>
							<td colspan="2"><a href="javascript: ;" id="fileclick">
									<img src="/wcsi/img/upload.png" id="avatart" style="width: 30%" />
							</a>
							<input type="file" id="file_upload" name="file"
					style="display: none;" /></td>
						</tr>
						<tr>
							<td style="color: #999999; border-bottom: none !important;"><img
								alt="当前位置" src="/wcsi/img/yourlocation.png" width="50%"
								id="locationimg"></img></td>
							<td id="locationDes"
								style="color: #999999; border-bottom: none !important;"></td>
						</tr>
					</tbody>
				</table>
				
				<!-- <input id="saveOrUpdateBtn" type="submit" data-inline="false"
						value="提交" class="display:block" /> -->
			</div>
		</div>
		<div data-role="popup" id="popupView" data-position-to="window"
			class="ui-content" data-theme="a" data-overlay-theme="a"
			data-dismissible="false">
			<div data-role="content">
				<img th:src="@{/img/loading.gif}" />
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-theme="a">
			<center>
				<input id="saveOrUpdateBtn" type="submit" data-inline="false"
					style="font-size: 20px;; background-color: #55B937; border: 1px #55B937 solid; color: #FFFFFF; width: 98%; padding-top: 5px; padding-bottom: 5px;"
					value="提交"></input>

			</center>
		</div>
	</div>
	<div data-role="page" id="sPanel" style='background-color: #F5F5F5; background-size: cover'>
			<div data-role="header" data-tap-toggle="true"
			data-theme="a">
			<h1>详情记录</h1>
			<a href="#pageone" data-transition="slide" data-direction="reverse"
				class="ui-btn ui-btn-a ui-icon-back ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-left">返回面板</a>
		</div>
		<input id="currentId" name="currentId"
							type="hidden" />
							<div data-role="content">
			<table data-role="table" data-mode="columntoggle:none"
				 data-column-btn-theme="e"
				data-column-popup-theme="c" id="myTable"><!-- class="ui-body-c ui-responsive ui-shadow" -->
				<!-- <thead class="pearlHeading">
					<tr>
						<th width="20%"></th>
						<th width="80%">记录详情</th>
					</tr>
				</thead> -->
				<tbody>
				<tr>
						<td><label style="color: #999999;">是否整改</label></td>
					</tr>
					<tr>
						<td>
							<div data-role="fieldcontain">
								<fieldset data-role="controlgroup" data-type="horizontal">
									<label for="repair">已</label> <input type="radio" name="gender"
										id="repair" value="repair" /> <label for="norepair">未</label>
									<input type="radio" name="gender" id="norepair"
										value="norepair" />
								</fieldset>
								<label style="color: #999999; margin-top: 30px;">备注</label>
							</div>
						</td>
					</tr>
					<tr>
						<td><textarea data-clear-btn="true" type="text"
								name="remarkD" id="remarkD" placeholder="请填写备注"></textarea>
								<label style="color: #999999; margin-top: 30px;">添加图片</label>
								</td>
					</tr>
					<tr>
						<td style="color: #999999; border-bottom: none !important;"><a href="javascript: ;" id="detailfileclick"> <img
								src="/wcsi/img/upload.png" id="avatartD" style="width: 30%" /></a></td>
					</tr>
				</tbody>
			</table>
			</div>
			<div data-role="content" style="white-space:nowrap;" align="center">
				
					<a href="#pageone" data-role="button"  data-theme="b" data-transition="slide" data-direction="reverse"
					data-icon="action" data-inline="true" style="background-color:#F5F5F5; border: 1px #55B937 solid; color: #55B937;width: 45%;">关闭</a>
					<a href="#pageone" id="saveBtnT"
					data-transition="slide" data-direction="reverse" data-role="button"
					data-theme="e" data-icon="check" data-inline="true" style="background-color:#55B937; border: 1px #55B937 solid; color: #FFFFFF;width: 45%;">保存</a> 
			</div>
			<!-- <div data-role="content" style="white-space:nowrap;" align="center">
				<button type="button" data-inline="true" style="background-color:#F5F5F5; border: 1px #55B937 solid; color: #55B937;width: 45%;">&nbsp;关闭&nbsp;</button></a>
				<a href="#pageone" id="saveBtnT" data-ajax='false' data-transition="slide" data-direction="reverse" data-inline="true" style="text-decoration:none;"><button type="button" data-inline="true" style="background-color:#55B937; border: 1px #55B937 solid; color: #FFFFFF;width: 45%;">&nbsp;提交&nbsp;</button></a>
			</div> -->
			<!-- <a href="#pageone" data-rel="close" data-inline="true"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭面板</a> -->
		</div>
	<script th:src="@{/mobile/bussinessCheck/saveOrUpdateOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>